<!doctype html>
<html class="echarts-dashboard">

<head>
    <meta charset="utf-8">
    <title>Dashboard</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="styles/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="styles/report.css" rel="stylesheet">
</head>

<body class="echarts-dashboard">
    <div class="container-fluid echarts-dashboard">
        <div class="text-center">
            <h2 id="title" class="title">外围设备</h2>
        </div>
        <div class="text-right">
            <input id="language-change" class="btn btn-primary btn-sm btn-change" type="button" value="中文/English" />
        </div>

        <div class="row m-auto" style="height:50%">
            <div class="col-md-4 col-lg-4" id="echarts-blower-status"></div>
            <div class="col-md-8 col-lg-8" id="echarts-energy-usage"></div>
        </div>
        <div class="row m-auto" style="height:38%">
            <div class="col-md-4 col-lg-4" id="echarts-drainer-rotation"></div>
            <div class="col-md-4 col-lg-4" id="echarts-drainer-wind-speed"></div>
            <div class="col-md-4 col-lg-4" id="echarts-drainer-viberation"></div>
        </div>
    </div>
    <script type="text/javascript" src="scripts/jquery.slim.min.js"></script>
    <script type="text/javascript" src="styles/bootstrap/js/bootstrap.min.js"></script>
    <!-- <script type="text/javascript" src="system/scripts/igrX.js"></script> -->
    <script type="text/javascript" src="scripts/trend.js"></script>
    <script type="text/javascript" src="scripts/echarts.js"></script>
    <script type="text/javascript">
        var dateAxis = getDateAxis();
        var blowerStatusChart = echarts.init(document.getElementById("echarts-blower-status"));
        var energyUsageChart = echarts.init(document.getElementById("echarts-energy-usage"));
        var drainerRotationChart = echarts.init(document.getElementById("echarts-drainer-rotation"));
        var drainerWindSpeedChart = echarts.init(document.getElementById("echarts-drainer-wind-speed"));
        var drainerViberationChart = echarts.init(document.getElementById("echarts-drainer-viberation"));
        var displayLanguage = null;
        var app = {};
        optionBlowerStatus = {
            baseOption: {
                color: ['#299', '#992'],
                timeline: {
                    x: '10%',
                    x2: '10%',
                    axisType: 'category',
                    show: true,
                    playInterval: 1000,
                    data: ['1#活性炭', '2#活性炭', '3#活性炭', '4#活性炭']
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    top: '20%',
                    bottom: '20%',
                    containLabel: true
                },
                legend: {
                    top: 10,
                    right: 10,
                    data: ['风压'],
                },
                title: {
                    text: '烘干室风压',
                    x: 'center'
                },
                tooltip: {
                    trigger: 'axis'
                },
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: dateAxis,
                },
                yAxis: [{
                    type: 'value',
                    name: '风压',
                    min: 15,
                    max: 30,
                    axisLabel: {
                        formatter: '{value} MPa'
                    },
                }],
            },
            options: [{
                    title: {
                        subtext: '1#活性炭'
                    },
                    series: [{
                        name: '风压',
                        type: 'line',
                        data: [21, 21, 25, 23, 22, 23, 20],
                        markPoint: {
                            data: [{
                                    type: 'max',
                                    name: '最大值'
                                },
                                {
                                    type: 'min',
                                    name: '最小值'
                                }
                            ]
                        },
                        markLine: {
                            data: [{
                                    type: 'max',
                                    name: '最大值'
                                },
                                {
                                    type: 'min',
                                    name: '最小值'
                                }
                            ]
                        }
                    }]
                },
                {
                    title: {
                        subtext: '2#活性炭'
                    },
                    series: [{
                        name: '风压',
                        type: 'line',
                        data: [21, 25, 23, 21, 23, 20, 21],
                        markPoint: {
                            data: [{
                                    type: 'max',
                                    name: '最大值'
                                },
                                {
                                    type: 'min',
                                    name: '最小值'
                                }
                            ]
                        },
                        markLine: {
                            data: [{
                                    type: 'max',
                                    name: '最大值'
                                },
                                {
                                    type: 'min',
                                    name: '最小值'
                                }
                            ]
                        }
                    }]
                },
                {
                    title: {
                        subtext: '3#活性炭'
                    },
                    series: [{
                        name: '风压',
                        type: 'line',
                        data: [25, 23, 21, 23, 20, 23, 21],
                        markPoint: {
                            data: [{
                                    type: 'max',
                                    name: '最大值'
                                },
                                {
                                    type: 'min',
                                    name: '最小值'
                                }
                            ]
                        },
                        markLine: {
                            data: [{
                                    type: 'max',
                                    name: '最大值'
                                },
                                {
                                    type: 'min',
                                    name: '最小值'
                                }
                            ]
                        }
                    }]
                },
                {
                    title: {
                        subtext: '4#活性炭'
                    },
                    series: [{
                        name: '风压',
                        type: 'line',
                        data: [22, 23, 20, 21, 21, 25, 23],
                        markPoint: {
                            data: [{
                                    type: 'max',
                                    name: '最大值'
                                },
                                {
                                    type: 'min',
                                    name: '最小值'
                                }
                            ]
                        },
                        markLine: {
                            data: [{
                                    type: 'max',
                                    name: '最大值'
                                },
                                {
                                    type: 'min',
                                    name: '最小值'
                                }
                            ]
                        }
                    }]
                }
            ],
        };
        optionEnergyUsage = {
            tooltip: {
                trigger: 'axis',
                axisPointer: { // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
                }
            },
            legend: {
                data: ['水泵1', '水泵2', '烘房1', '烘房2', '烘房3', '烘房4', '强冷-送风机', '强冷-排风机', '自动喷漆', '手动喷漆', '自动喷漆排风机',
                    '自动喷漆送风机', '手动喷漆排风机', '手动喷漆送风机'
                ],
                top: '2%',
                right: '2%',
                width: 700,
                icon: 'circle'
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            xAxis: [{
                type: 'category',
                data: dateAxis
            }],
            yAxis: [{
                type: 'value',
                name: '电能',
                min: 0,
                max: 500,
                axisLabel: {
                    formatter: '{value} kwh'
                },
            }],
            series: [{
                    name: '水泵1',
                    stack: '泵',
                    type: 'bar',
                    barWidth: 20,
                    data: [20, 32, 1, 34, 90, 30, 20]
                },
                {
                    name: '水泵2',
                    stack: '泵',
                    type: 'bar',
                    data: [20, 32, 1, 34, 90, 30, 20]
                }, {
                    name: '烘房1',
                    stack: '烘干',
                    type: 'bar',
                    barWidth: 20,
                    data: [1, 34, 90, 30, 20, 20, 32]
                },
                {
                    name: '烘房2',
                    stack: '烘干',
                    type: 'bar',
                    data: [34, 90, 30, 20, 20, 32, 1]
                },
                {
                    name: '烘房3',
                    stack: '烘干',
                    type: 'bar',
                    data: [90, 30, 20, 20, 32, 1, 34]
                },
                {
                    name: '烘房4',
                    stack: '烘干',
                    type: 'bar',
                    data: [30, 20, 20, 32, 1, 34, 90]
                },
                {
                    name: '强冷-送风机',
                    stack: '烘干',
                    type: 'bar',
                    data: [20, 32, 1, 34, 90, 30, 20]
                },
                {
                    name: '强冷-排风机',
                    stack: '烘干',
                    type: 'bar',
                    data: [32, 1, 34, 90, 30, 20, 20]
                }, {
                    name: '自动喷漆',
                    stack: '自动喷漆',
                    type: 'bar',
                    barWidth: 20,
                    data: [20, 32, 1, 34, 90, 30, 20]
                }, {
                    name: '手动喷漆',
                    stack: '手动喷漆',
                    type: 'bar',
                    barWidth: 20,
                    data: [32, 1, 34, 90, 30, 20, 20]
                },
                {
                    name: '自动喷漆排风机',
                    stack: '自动喷漆',
                    type: 'bar',
                    data: [20, 32, 1, 34, 90, 30, 20]
                },
                {
                    name: '自动喷漆送风机',
                    stack: '自动喷漆',
                    type: 'bar',
                    data: [20, 32, 1, 34, 90, 30, 20]
                },
                {
                    name: '手动喷漆排风机',
                    stack: '手动喷漆',
                    type: 'bar',
                    data: [20, 32, 1, 34, 90, 30, 20]
                },
                {
                    name: '手动喷漆送风机',
                    stack: '手动喷漆',
                    type: 'bar',
                    data: [20, 32, 1, 34, 90, 30, 20]
                },
            ]
        };
        optionDrainerWindSpeed = {
            title: {
                text: '排风机风速',
            },
            legend: {
                data: ['喷漆室1排风', '喷漆室2排风'],
                top: '2%',
                right: '2%'
            },
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'cross',
                    label: {
                        backgroundColor: '#6a7985'
                    }
                }
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            xAxis: [{
                type: 'category',
                data: dateAxis
            }],
            yAxis: [{
                type: 'value',
                name: '风速',
                min: 0,
                max: 100,
                axisLabel: {
                    formatter: '{value} M^3/s'
                },
            }],
            series: [{
                    name: '喷漆室1排风',
                    type: 'line',
                    label: {
                        normal: {
                            show: true,
                            position: 'top'
                        }
                    },
                    markLine: {
                        data: [{
                                type: 'max',
                                name: '最大值'
                            },
                            {
                                type: 'min',
                                name: '最小值'
                            }
                        ]
                    },
                    data: [20, 32, 1, 34, 90, 30, 20]
                },
                {
                    name: '喷漆室2排风',
                    type: 'line',
                    label: {
                        normal: {
                            show: true,
                            position: 'top'
                        }
                    },
                    markLine: {
                        data: [{
                                type: 'max',
                                name: '最大值'
                            },
                            {
                                type: 'min',
                                name: '最小值'
                            }
                        ]
                    },
                    data: [32, 1, 34, 90, 30, 20, 20]
                }
            ]
        }
        optionDrainerRotation = {
            title: {
                text: '排风机转速',
            },
            legend: {
                data: ['喷漆室1排风转速', '喷漆室2排风转速'],
                top: '2%',
                right: '2%'
            },
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'cross',
                    label: {
                        backgroundColor: '#6a7985'
                    }
                }
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            xAxis: [{
                type: 'category',
                data: dateAxis
            }],
            yAxis: [{
                type: 'value',
                name: '转速',
                min: 0,
                max: 100,
                axisLabel: {
                    formatter: '{value} RPM'
                },
            }],
            series: [{
                    name: '喷漆室1排风转速',
                    type: 'line',
                    label: {
                        normal: {
                            show: true,
                            position: 'top'
                        }
                    },
                    markLine: {
                        data: [{
                                type: 'max',
                                name: '最大值'
                            },
                            {
                                type: 'min',
                                name: '最小值'
                            }
                        ]
                    },
                    data: [20, 32, 1, 34, 90, 30, 20]
                },
                {
                    name: '喷漆室2排风转速',
                    type: 'line',
                    label: {
                        normal: {
                            show: true,
                            position: 'top'
                        }
                    },
                    markLine: {
                        data: [{
                                type: 'max',
                                name: '最大值'
                            },
                            {
                                type: 'min',
                                name: '最小值'
                            }
                        ]
                    },
                    data: [32, 1, 34, 90, 30, 20, 20]
                },
            ]
        };
        optionDrainerViberation = {
            title: {
                text: '排风机振动',
            },
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'cross',
                    label: {
                        backgroundColor: '#6a7985'
                    }
                }
            },
            legend: {
                data: ['喷漆室1排风', '喷漆室2排风'],
                top: '2%',
                right: '2%'
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            xAxis: [{
                type: 'category',
                data: dateAxis
            }],
            yAxis: [{
                type: 'value',
                name: '振动',
                min: 0,
                max: 100,
                axisLabel: {
                    formatter: '{value} mm'
                },
            }],
            series: [{
                    name: '喷漆室1排风',
                    type: 'line',
                    label: {
                        normal: {
                            show: true,
                            position: 'top'
                        }
                    },
                    markLine: {
                        data: [{
                                type: 'max',
                                name: '最大值'
                            },
                            {
                                type: 'min',
                                name: '最小值'
                            }
                        ]
                    },
                    data: [20, 32, 1, 34, 90, 30, 20]
                },
                {
                    name: '喷漆室2排风',
                    type: 'line',
                    label: {
                        normal: {
                            show: true,
                            position: 'top'
                        }
                    },
                    markLine: {
                        data: [{
                                type: 'max',
                                name: '最大值'
                            },
                            {
                                type: 'min',
                                name: '最小值'
                            }
                        ]
                    },
                    data: [32, 1, 34, 90, 30, 20, 20]
                },
            ]
        };
        if (!!optionDrainerRotation && !!optionEnergyUsage && !!optionBlowerStatus) {
            drainerRotationChart.setOption(optionDrainerRotation, true);
            drainerViberationChart.setOption(optionDrainerViberation, true);
            drainerWindSpeedChart.setOption(optionDrainerWindSpeed, true);
            energyUsageChart.setOption(optionEnergyUsage, true);
            blowerStatusChart.setOption(optionBlowerStatus, true);
            displayLanguage = 'chinese';
        }
        $(document).ready(function () {
            $("#language-change").click(function () {
                if (displayLanguage === 'chinese') {
                    $("#title").text("Outer Devices");
                    drainerWindSpeedChart.setOption({
                        title: {
                            text: 'Drainer Wind Speed',
                        },
                        legend: {
                            data: ['Painting Room 1', 'Painting Room 2'],
                            top: '2%',
                            right: '2%'
                        },
                        tooltip: {
                            trigger: 'axis',
                            axisPointer: {
                                type: 'cross',
                                label: {
                                    backgroundColor: '#6a7985'
                                }
                            }
                        },
                        grid: {
                            left: '3%',
                            right: '4%',
                            bottom: '3%',
                            containLabel: true
                        },
                        xAxis: [{
                            type: 'category',
                            data: dateAxis
                        }],
                        yAxis: [{
                            type: 'value',
                            name: 'Wind Speed',
                            min: 0,
                            max: 100,
                            axisLabel: {
                                formatter: '{value} M^3/s'
                            },
                        }],
                        series: [{
                                name: 'Painting Room 1',
                                type: 'line',
                                label: {
                                    normal: {
                                        show: true,
                                        position: 'top'
                                    }
                                },
                                markLine: {
                                    data: [{
                                            type: 'max',
                                            name: 'Max'
                                        },
                                        {
                                            type: 'min',
                                            name: 'Min'
                                        }
                                    ]
                                },
                                data: [20, 32, 1, 34, 90, 30, 20]
                            },
                            {
                                name: 'Painting Room 2',
                                type: 'line',
                                label: {
                                    normal: {
                                        show: true,
                                        position: 'top'
                                    }
                                },
                                markLine: {
                                    data: [{
                                            type: 'max',
                                            name: 'Max'
                                        },
                                        {
                                            type: 'min',
                                            name: 'Min'
                                        }
                                    ]
                                },
                                data: [32, 1, 34, 90, 30, 20, 20]
                            }
                        ]
                    })
                    drainerRotationChart.setOption({
                        title: {
                            text: 'Drainer Rotation Speed',
                        },
                        legend: {
                            data: ['Painting Room 1', 'Painting Room 2'],
                            top: '7%'
                        },
                        xAxis: [{
                            type: 'category',
                            data: dateAxis
                        }],
                        yAxis: [{
                            type: 'value',
                            name: 'Rotation Speed',
                            min: 0,
                            max: 100,
                            axisLabel: {
                                formatter: '{value} RPM'
                            },
                        }],
                        series: [{
                                name: 'Painting Room 1',
                                type: 'line',
                                label: {
                                    normal: {
                                        show: true,
                                        position: 'top'
                                    }
                                },
                                markLine: {
                                    data: [{
                                            type: 'max',
                                            name: 'Max'
                                        },
                                        {
                                            type: 'min',
                                            name: 'Min'
                                        }
                                    ]
                                },
                                data: [20, 32, 1, 34, 90, 30, 20]
                            },
                            {
                                name: 'Painting Room 2',
                                type: 'line',
                                label: {
                                    normal: {
                                        show: true,
                                        position: 'top'
                                    }
                                },
                                markLine: {
                                    data: [{
                                            type: 'max',
                                            name: 'Max'
                                        },
                                        {
                                            type: 'min',
                                            name: 'Min'
                                        }
                                    ]
                                },
                                data: [32, 1, 34, 90, 30, 20, 20]
                            },
                        ]
                    });
                    drainerViberationChart.setOption({
                        title: {
                            text: 'Drainer Viberation',
                        },
                        legend: {
                            data: ['Painting Room 1', 'Painting Room 2'],
                            top: '7%'
                        },
                        xAxis: [{
                            type: 'category',
                            data: dateAxis
                        }],
                        yAxis: [{
                            type: 'value',
                            name: 'Viberation',
                            min: 0,
                            max: 100,
                            axisLabel: {
                                formatter: '{value} mm'
                            },
                        }],
                        series: [{
                                name: 'Painting Room 1',
                                type: 'line',
                                label: {
                                    normal: {
                                        show: true,
                                        position: 'top'
                                    }
                                },
                                markLine: {
                                    data: [{
                                            type: 'max',
                                            name: 'Min'
                                        },
                                        {
                                            type: 'min',
                                            name: 'Min'
                                        }
                                    ]
                                },
                                data: [20, 32, 1, 34, 90, 30, 20]
                            },
                            {
                                name: 'Painting Room 2',
                                type: 'line',
                                label: {
                                    normal: {
                                        show: true,
                                        position: 'top'
                                    }
                                },
                                markLine: {
                                    data: [{
                                            type: 'max',
                                            name: 'Min'
                                        },
                                        {
                                            type: 'min',
                                            name: 'Min'
                                        }
                                    ]
                                },
                                data: [32, 1, 34, 90, 30, 20, 20]
                            },
                        ]
                    });
                    energyUsageChart.setOption({
                        xAxis: [{
                            type: 'category',
                            data: dateAxis
                        }],
                        yAxis: [{
                            type: 'value',
                            name: 'Power',
                            min: 0,
                            max: 500,
                            axisLabel: {
                                formatter: '{value} kwh'
                            },
                        }],
                        legend: {
                            data: ['Pump1', 'Pump2', 'Dryer1', 'Dryer2', 'Dryer3', 'Dryer4', 'Cooler-Blower', 'Cooler-Drainer',
                                'Auto Paint', 'Manual Paint', 'Auto Drainer',
                                'Auto Blower', 'Manual Drainer', 'Manual Blower'
                            ],
                            top: '2%',
                            right: '2%',
                            width: 700,
                            icon: 'circle'
                        },
                        series: [{
                                name: 'Pump1',
                                stack: 'Pumps',
                                type: 'bar',
                                data: [20, 32, 1, 34, 90, 30, 20]
                            }, {
                                name: 'Pump2',
                                stack: 'Pumps',
                                type: 'bar',
                                data: [20, 32, 1, 34, 90, 30, 20]
                            }, {
                                name: 'Dryer1',
                                stack: 'Dryer&Cooler',
                                type: 'bar',
                                barWidth: 20,
                                data: [1, 34, 90, 30, 20, 20, 32]
                            },
                            {
                                name: 'Dryer2',
                                stack: 'Dryer&Cooler',
                                type: 'bar',
                                data: [34, 90, 30, 20, 20, 32, 1]
                            },
                            {
                                name: 'Dryer3',
                                stack: 'Dryer&Cooler',
                                type: 'bar',
                                data: [90, 30, 20, 20, 32, 1, 34]
                            },
                            {
                                name: 'Dryer4',
                                stack: 'Dryer&Cooler',
                                type: 'bar',
                                data: [30, 20, 20, 32, 1, 34, 90]
                            },
                            {
                                name: 'Cooler-Blower',
                                stack: 'Dryer&Cooler',
                                type: 'bar',
                                data: [20, 32, 1, 34, 90, 30, 20]
                            },
                            {
                                name: 'Cooler-Drainer',
                                stack: 'Dryer&Cooler',
                                type: 'bar',
                                data: [32, 1, 34, 90, 30, 20, 20]
                            }, {
                                name: 'Auto Paint',
                                type: 'bar',
                                stack: 'Auto',
                                data: [20, 32, 1, 34, 90, 30, 20]
                            }, {
                                name: 'Manual Paint',
                                type: 'bar',
                                stack: 'Manual',
                                data: [32, 1, 34, 90, 30, 20, 20]
                            }, {
                                name: 'Auto Drainer',
                                stack: 'Auto',
                                type: 'bar',
                                data: [20, 32, 1, 34, 90, 30, 20]
                            }, {
                                name: 'Auto Blower',
                                stack: 'Auto',
                                type: 'bar',
                                data: [20, 32, 1, 34, 90, 30, 20]
                            }, {
                                name: 'Manual Drainer',
                                stack: 'Manual',
                                type: 'bar',
                                data: [20, 32, 1, 34, 90, 30, 20]
                            }, {
                                name: 'Manual Blower',
                                stack: 'Manual',
                                type: 'bar',
                                data: [20, 32, 1, 34, 90, 30, 20]
                            },
                        ]
                    });
                    blowerStatusChart.setOption({
                        baseOption: {
                            timeline: {
                                data: ['1# Acticarbon', '2# Acticarbon', '3# Acticarbon',
                                    '4# Acticarbon'
                                ]
                            },
                            legend: {
                                data: ['Wind Pressure'],
                                top: '5%'
                            },
                            title: {
                                text: 'Wind Pressure',
                                center: '-5%'
                            },
                            xAxis: {
                                data: dateAxis
                            },
                            yAxis: [{
                                type: 'value',
                                name: 'Wind Pressure',
                                min: 15,
                                max: 30,
                                axisLabel: {
                                    formatter: '{value} MPa'
                                },
                            }],
                        },
                        options: [{
                                title: {
                                    subtext: '1# Acticarbon'
                                },
                                series: [{
                                    name: 'Wind Pressure',
                                    type: 'line',
                                    data: [21, 25, 23, 22, 23, 20, 21],
                                    markPoint: {
                                        data: [{
                                                type: 'max',
                                                name: 'Max'
                                            },
                                            {
                                                type: 'min',
                                                name: 'Min'
                                            }
                                        ]
                                    },

                                    markLine: {
                                        data: [{
                                                type: 'max',
                                                name: 'Min'
                                            },
                                            {
                                                type: 'min',
                                                name: 'Min'
                                            }
                                        ]
                                    }
                                }]
                            },
                            {
                                title: {
                                    subtext: '2# Acticarbon'
                                },
                                series: [{
                                    name: 'Wind Pressure',
                                    type: 'line',
                                    data: [21, 21, 25, 23, 21, 23, 20],
                                    markPoint: {
                                        data: [{
                                                type: 'max',
                                                name: 'Max'
                                            },
                                            {
                                                type: 'min',
                                                name: 'Min'
                                            }
                                        ]
                                    },

                                    markLine: {
                                        data: [{
                                                type: 'max',
                                                name: 'Min'
                                            },
                                            {
                                                type: 'min',
                                                name: 'Min'
                                            }
                                        ]
                                    }
                                }]
                            },
                            {
                                title: {
                                    subtext: '3# Acticarbon'
                                },
                                series: [{
                                    name: 'Wind Pressure',
                                    type: 'line',
                                    data: [25, 23, 21, 23, 20, 23, 21],
                                    markPoint: {
                                        data: [{
                                                type: 'max',
                                                name: 'Max'
                                            },
                                            {
                                                type: 'min',
                                                name: 'Min'
                                            }
                                        ]
                                    },

                                    markLine: {
                                        data: [{
                                                type: 'max',
                                                name: 'Min'
                                            },
                                            {
                                                type: 'min',
                                                name: 'Min'
                                            }
                                        ]
                                    }
                                }]
                            },
                            {
                                title: {
                                    subtext: '4# Acticarbon'
                                },
                                series: [{
                                    name: 'Wind Pressure',
                                    type: 'line',
                                    data: [22, 23, 20, 21, 21, 25, 23],
                                    markPoint: {
                                        data: [{
                                                type: 'max',
                                                name: 'Max'
                                            },
                                            {
                                                type: 'min',
                                                name: 'Min'
                                            }
                                        ]
                                    },
                                    markLine: {
                                        data: [{
                                                type: 'max',
                                                name: 'Min'
                                            },
                                            {
                                                type: 'min',
                                                name: 'Min'
                                            }
                                        ]
                                    }
                                }]
                            }
                        ],
                    });
                    displayLanguage = 'English';
                } else {
                    drainerRotationChart.setOption(optionDrainerRotation, true);
                    drainerViberationChart.setOption(optionDrainerViberation, true);
                    drainerWindSpeedChart.setOption(optionDrainerWindSpeed, true);
                    energyUsageChart.setOption(optionEnergyUsage, true);
                    blowerStatusChart.setOption(optionBlowerStatus, true);
                    displayLanguage = 'chinese';
                    $("#title").text("外围设备");
                }
            });
        });
    </script>

</body>

</html>